<template>
    <div style=" background-color: #f2f2f2; ">
        <scroller class="content">
            <div class="box">
                <text class="title">地理学科攻略</text>
                <image style="width: 690px;height: 472px;border-radius: 6px" src="../../resource/img/cg-1.jpg" @click="jump('/achievement-detail')"></image>
            </div>
            <div class="box">
                <text class="title">月相台历</text>
                <image style="width: 690px;height: 472px;border-radius: 6px" src="../../resource/img/cg-2.jpg" @click="jump('/achievement-detail')"></image>
            </div>
        </scroller>

        <AppHeader :title="headerTitle" :showBack=true></AppHeader>
    </div>
</template>

<style scoped>
    .content{
        padding-top:130px;
        width: 750px;
    }
    .box{
        margin-bottom: 30px;
        background-color: #ffffff;
        padding-top: 20px;
        padding-bottom:20px;
        padding-left: 30px;
        padding-right:30px;
        width: 750px;
    }
    .title{
        text-align: center;
        width: 690px;
        font-size: 30px;
        color: #2e2e2e;
        margin-bottom: 20px;
    }




</style>
<script>
    import AppHeader from '../../components/AppHeader.vue'
    import mixins from '../../mixins'
    module.exports = {
        mixins:[mixins],
        components: { AppHeader },
        data() {
            return {
                navList:[],
                headerTitle:"成果展示",
                lists: [1, 2, 3, 4, 5]
            }
        },
        created(){
            let self=this;
            self.getPageData();
        },
        methods: {

            getPageData(){
                let self=this;
                self.request({
                    url:"/data/index.json"
                }).then(res=>{
                    console.log(res);
                if(res.status==1){
                }
            });
            },
            clickTabItem:function(item){

            },
            clickAppNavItem:function(item){
                this.jump(item.link);
            },
            loadMoreList (event) {

            }
        }
    }
</script>
